<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<!-- CSS
    ================================================== -->
<link rel="stylesheet" href="../css/base.css">
<link rel="stylesheet" href="../css/main.css">

<!-- favicons
================================================== -->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<body>
<div th:replace="common/top">

</div>
<div>
    <div id="Content">
        <section class="pricing" style="height: 900px">

            <div class="col-ten pricing-table">
                <div class="row">
                    <div class="col-eleven plan-wrap">
                        <div class="plan-block primary" data-aos="fade-up">

                            <div class="plan-top-part">
                                <h2 th:text="${category.name}">hhh</h2>
                            </div>

                            <div class="plan-bottom-part">
                                <table bgcolor="gray">
                                    <tr class="plan-block-features">
                                        <th>Product ID</th>
                                        <th>Name</th>
                                    </tr>

                                    <tr th:each="product:${products}">

                                        <td>
                                            <a th:href="@{'/catalog/viewProduct'(productId=${product.productId})}"  th:text="${product.productId}">FL--02</a>
                                        </td>
                                        <td th:text="${product.name}">hh</td>

                                    </tr>
<!--                                    <c:forEach var="product" items="${sessionScope.productList}">-->
<!--                                        <tr>-->
<!--                                            <td>-->
<!--											<span>-->
<!--												<a href="viewProduct?productId=${product.productId}"><p2>${product.productId}</p2></a>-->
<!--											</span>-->
<!--                                            </td>-->
<!--                                            <td><p3>${product.name}</p3></td>-->
<!--                                        </tr>-->
<!--                                    </c:forEach>-->
                                </table>


                            </div>
                            <div class="home-scrolldown">
                                <a href="/catalog/view" class="scroll-icon smoothscroll">
                                    <span>------------------------Here Return to Main</span>
                                </a>

                                </a>
                            </div>

                        </div>
                    </div> <!-- end plan-wrap -->

                </div>
                <!-- end pricing-table -->

            </div> <!-- end pricing-content -->
        </section> <!-- end pricing -->
    </div>
</div>
<div th:replace="common/bottom">

</div>
</body>
</html>